<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="referrer" content="no-referrer" />
  <title>Document</title>
  <!-- sweper -->
  <script src="../../static/libs/javascripts/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="../../static/libs/css/swiper-bundle.min.css">
  <!-- 本地css和js -->
  <link rel="stylesheet" href="../css/index.css">
  <!-- bootstrap.css -->
  <link rel="stylesheet" href="../../static/libs/css/bootstrap.css">
  <link rel="stylesheet" href="../../static/图标图标/iconfont.css">
</head>

<body>
  <!-- 顶部 -->
  <div class="head">
    <div class="menu">
      <a href="" class="logo"></a>
      <div class="menu_nav">
        <ul>
          <li>
            <a href="./index.html">首页</a>
          </li>
          <li>
            <a href="#">搭配</a>
          </li>
          <li class="zx-li">
            <a href="#" id="commodity">商品</a>
            <i class="i-zx">大厂直供</i>
          </li>
          <li>
            <a href="#">灵感</a>
          </li>
        </ul>
      </div>
      <div class="search">
        <a href="#" class="search_btn"></a>
      </div>
    </div>
    <div class="logo_right">
      <div class="loco_right_dp">
        <a href="#">
          <i></i>
          <span>创建搭配</span>
        </a>
      </div>
      <span class="logo-no">
        <i id="yh"></i><span class="yhxx"></span>
        <b class="zhuxiao"></b>
      </span>
    </div>
  </div>
  <!-- 登陆 -->
  <div class="denglu">
    <form action="javascript:void(0)" class=" col-md-4 col-md-offset-4">
      <h2 class="form-signin-heading">请登陆</h2>


      <div class="form-group">
        <label for="username" class="contral-label">用户名</label>
        <input type="text" id="username" class="form-control" autocomplete="off">
      </div>

      <div class="form-group">
        <label for="password" class="contral-label">密码</label>
        <input type="text" id="password" class="form-control" autocomplete="off">
      </div>

      <button id="denglu_btn" class="btn btn-lg btn-primary btn-block" type="submit">登陆</button>
      还不是会员?
      <span class="lijizc">立即注册</span>
    </form>
    <div class="Return_dl"></div>
  </div>

  <!-- 注册 -->
  <div class="zhuce">
    <form action="javascript:void(0)" class=" col-md-4 col-md-offset-4">
      <h2 class="form-signin-heading">请注册</h2>


      <div class="form-group">
        <label for="username_zc" class="contral-label">用户名</label>
        <input type="text" id="username_zc" class="form-control">
      </div>

      <div class="form-group">
        <label for="password_zc" class="contral-label">密码</label>
        <input type="text" id="password_zc" class="form-control">
      </div>

      <div class="form-group">
        <label for="rpassword_zc" class="contral-label">请确认密码</label>
        <input type="text" id="rpassword_zc" class="form-control">
      </div>


      <div class="form-group">
        <label for="nickname_zc" class="contral-label">用户昵称</label>
        <input type="text" id="nickname_zc" class="form-control">
      </div>


      <button class="btn_zc btn-lg btn-primary btn-block" type="submit">注册</button>
    </form>
    <div class="Return_zc"></div>
  </div>



  <!-- 轮播图 -->
  <div class="swiper-container container1">


    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="../../static/images/index/140642_272317.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="../../static/images/index/162945_992712.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="../../static/images/index/170450_35512.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="../../static/images/index/193929_393416.jpg" alt="">
      </div>
    </div>
    <!-- 左右按钮 -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <!-- 分页器 -->
    <div class="swiper-pagination"></div>
  </div>





  <!-- 选项卡功能 -->
  <div class="tab">
    <div class="tab_title">
      <p class="tab_title_p1 content">达人搭配</p>
    </div>
    <ul class="tab_ul">
      <!-- 1 -->
      <li>
        <img src="http://img2.wutuojia.com/pic/middle/mybuild/build/20160718/20160718153201_16574.png" alt="">
      </li>
      <!-- 2 -->
      <li>
        <img src="http://img2.wutuojia.com/pic/middle/mybuild/build/20150928/20150928152434_606975.png" alt="">
      </li>
      <!-- 3 -->
      <li>
        <img src="http://img2.wutuojia.com/pic/middle/mybuild/build/20150924/20150924113126_770519.png" alt="">
      </li>
      <!-- 4 -->
      <li>
        <img src="http://img2.wutuojia.com/pic/middle/mybuild/build/20150818/20150818131422_279465.png" alt="">
      </li>
    </ul>

    <!-- 滑块 -->
    <div class="tab_slider">
      <div class="tab_slider_img">
        <img src="https://www.wutuojia.com/images/arrow.png" alt="">
      </div>
    </div>

    <!-- 第一个 div -->
    <div class="tab_div">
      <!-- 1 -->
      <div class="tab_works1 info">
        <div class="tab_works1_data">
          <div class="tab_works1_data_head">
            <img src="http://img2.wutuojia.com/pic/sq_small/user/icon/20160706/104031_531501.jpg" alt="">
          </div>
          <div class="tab_works1_data_author">
            <p class="p1">大理石情结-餐厅</p>
            <p class="p2">霍大叔</p>
            <p class="p3">大理石纹总是给人时尚的感觉，整个空间的亮点就是大理石纹理，黑白灰让空间更有层次。</p>
          </div>
        </div>
        <div class="tab_works1_style">
          <ul>
            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20151123/192048_355599.png" alt="">
              <p>简约现代透明塑料椅</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20151027/180136_651442.png" alt="">
              <p>大理石餐桌</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20160718/150024_231249.png" alt="">
              <p>摩登主妇 大理石系列 欧式新骨瓷餐盘牛排盘 汤盘菜盘碗盘碟面碗</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20160606/172938_172332.png" alt="">
              <p>个性吧台单头餐厅灯时尚简约新古典现代装饰吊灯设计师客厅饭厅灯</p>
            </li>
          </ul>
        </div>
      </div>

      <!-- 2 -->
      <div class="tab_works1 info">
        <div class="tab_works1_data">
          <div class="tab_works1_data_head">
            <img src="http://img2.wutuojia.com/pic/sq_small/user/icon/20151201/143218_566925.jpg" alt="">
          </div>
          <div class="tab_works1_data_author">
            <p class="p1">千年之恋－朝花夕拾</p>
            <p class="p2">Elvis</p>
            <p class="p3">当中国红的热情活力遇到柔情的花纹时，气息交融，形成一个独具风格的现代中式空间，喜气又柔情。</p>
          </div>
        </div>
        <div class="tab_works1_style">
          <ul>
            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150909/140030_659630.png" alt="">
              <p>繁花骨瓷</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150909/140457_568046.png" alt="">
              <p>藤花茶具</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150909/140212_665214.png" alt="">
              <p>繁花骨瓷鱼盘</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150909/140346_146931.png" alt="">
              <p>繁花骨瓷盘</p>
            </li>
          </ul>
        </div>
      </div>

      <!-- 3 -->
      <div class="tab_works1 info">
        <div class="tab_works1_data">
          <div class="tab_works1_data_head">
            <img src="http://img2.wutuojia.com/pic/sq_small/user/icon/20150812/114502_584990.jpg" alt="">
          </div>
          <div class="tab_works1_data_author">
            <p class="p1">七里香－夏夜诗章</p>
            <p class="p2">玛蒂塔</p>
            <p class="p3">从周杰伦《七里香》的歌曲里汲取故事灵感，描绘了一幅盛夏由微风、虫鸣、花香的美好画章，追忆一代人少年时美好纯净的初恋场景。
              窗外的麻雀
              在电线杆上多嘴
              你说这一句
              很有夏天的感觉
              手中的铅笔
              在纸上来来回回
              我用几行字形容你是我的谁
              秋刀鱼 的滋味
              猫跟你都想了解
              初恋的香味就这样被我们寻回</p>
          </div>
        </div>
        <div class="tab_works1_style">
          <ul>
            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150814/181321_291149.png" alt="">
              <p>文艺 棉麻窗帘</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150814/181443_314685.png" alt="">
              <p>画架 </p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150814/181052_900614.png" alt="">
              <p>写生画凳升降</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150814/181214_530214.png" alt="">
              <p>西洋少女石膏头像</p>
            </li>
          </ul>
        </div>
      </div>
      <!-- 4 -->
      <div class="tab_works1 info">
        <div class="tab_works1_data">
          <div class="tab_works1_data_head">
            <img src="http://img2.wutuojia.com/pic/sq_small/user/icon/20150818/140504_723759.jpg" alt="">
          </div>
          <div class="tab_works1_data_author">
            <p class="p1">天使的邪恶</p>
            <p class="p2">角落里的瞄</p>
            <p class="p3">头大大的小孩，不友善的眼神。让人心生怜爱，看着奈良美智的画，你内心那个善良和邪恶结合的小孩也悄悄地被激活了。</p>
          </div>
        </div>
        <div class="tab_works1_style">
          <ul>
            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150818/123803_229704.png" alt="">
              <p>奈良美智娃娃</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150710/123324_769324.png" alt="">
              <p>地中海角几</p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150818/122635_404514.png" alt="">
              <p>小俏皮双人布艺沙发 </p>
            </li>

            <li>
              <img src="http://img2.wutuojia.com/pic/small/mybuild/thing/20150817/164258_455087.png" alt="">
              <p>铁木现代圆形圆茶几</p>
            </li>
          </ul>
        </div>
      </div>
      <!-- <div class="tab_works2 info"></div>
      <div class="tab_works3 info"></div>
      <div class="tab_works4 info"></div> -->
    </div>
  </div>
  <!-- 瀑布流 -->
  <div class="shipai content">达人实拍</div>
  <div id="Waterfall"> </div>
  <!-- 楼梯 -->
  <ul class="stairs">
    <li>
      <p class="iconfont icon-21"></p>
    </li>

    <li>
      <p class="iconfont icon-tongjitu111"></p>
    </li>

    <li id="hd">
      <p class="iconfont icon-angle-double-up"></p>
    </li>
  </ul>
  </div>

  <iframe src="wei.html" width="100%" height="371px" style="display: block;" frameborder="0"></iframe>

  <script src="../../static/libs/javascripts/cookie.js"></script>
  <script src="../../static/libs/javascripts/jQuery.js"></script>
  <script src="../../static/libs/javascripts/jquery.lazyload.js"></script>
  <script src="../javascripts/index.js"></script>
</body>

</html>